page {
    padding-bottom: 90rpx;
}
swiper {
    height: 65vw;
    text-align: center;
    .jerryItem{
        image {
            width: 60%;
        }
    }
}
.name_col {
    .price {
        color: var(--theme);
        font-size: 36rpx;
    }
    .info {
        border-top: 3px solid #dededd;
        border-bottom: 3px solid #dededd;
        padding: 10rpx 0;
        margin-top: 10rpx;
        display: flex;
        .collect {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content:center;
            align-items: center;
            border-left: 1px solid #000;
        }
        .name {
            flex: 5;
            padding: 0 10rpx;
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }
    }
}
.goodsInfo {
    .goodsDetail {
        border-bottom: 3px solid #dededd;
        padding: 20rpx 0;
        text {
            color: var(--theme);
            font-size: 34rpx;
            font-weight: bold;
        }
    }
}
.btmInfo {
    height: 90rpx;
    display: flex;
    justify-content:space-between;
    width: 100vw;
    background-color: #fff;
    position: fixed;
    bottom: 0px;
    .item1 {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content:center;
        align-items: center;
        position: relative;
        button {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
        }
    }
    .item2 {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content:center;
        align-items: center;
        position: relative;
        button {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
        }
    }
    .item3 {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content:center;
        align-items: center;
    }
    .item4 {
        flex: 2;
        display: flex;
        flex-direction: column;
        justify-content:center;
        align-items: center;
        font-size: 28rpx;
        font-weight: 600;
        background-color: #ffa500;
        color: #fff;
    }
    .item5 {
        flex: 2;
        display: flex;
        flex-direction: column;
        justify-content:center;
        align-items: center;
        font-size: 28rpx;
        font-weight: 600;
        background-color: #eb4450;
        color: #fff;
    }
}